<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱奇艺</title>
    <link rel="icon" href="./images/logoIcon.png">
    <link rel="stylesheet" href="./CSS/style.css">
</head>
<body>
        <div id="header">
            <div id="logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div id="search">
                <div class="sinput">
                    <input type="text" placeholder="我们的新时代">
                    <div class="shot">
                        <img src="./images/icon/hot.png" alt="">
                        <span>热搜榜</span>
                    </div>
                    <span class="shr"></span>
                    <div class="sall">
                        <img src="./images/search.png" alt="">
                        <span>搜全网</span>
                    </div>
                    <div class="list">
                        <p class="list-t">热门搜索</p>
                        <ul>
                            <li class="item item1">
                                <span>1</span>
                                <span>奇葩说</span>
                            </li>
                            <li class="item item2">
                                <span>2</span>
                                <span>奥特曼</span>
                            </li>
                            <li class="item item3">
                                <span>3</span>
                                <span>海贼王</span>
                            </li>
                            <li class="item item4">
                                <span>4</span>
                                <span>大江大河</span>
                            </li>
                            <li class="item item5">
                                <span>5</span>
                                <span>流金岁月</span>
                            </li>
                            <li class="item item6">
                                <span>6</span>
                                <span>潮流合伙人</span>
                            </li>
                            <li class="item item7">
                                <span>7</span>
                                <span>终极笔记</span>
                            </li>
                            <li class="item item8">
                                <span>8</span>
                                <span>奔跑吧兄弟</span>
                            </li>
                            <li class="item item9">
                                <span>9</span>
                                <span>木鱼</span>
                            </li>
                            <li class="item item10">
                                <span>10</span>
                                <span>爱情公寓</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="sicon">
                    <img src="./images/icon/VIP-gold.png" alt="">
                    <img src="./images/icon/game-white.png" alt="">
                    <img src="./images/icon/upload-white.png" alt="">
                    <img src="./images/icon/TV-white.png" alt="">
                    <img src="./images/icon/bell-white.png" alt="">
                    <img src="./images/icon/clock-white.png" alt="">
                </div>
                <div class="slogin">
                    <img src="./images/user.png" alt="">
                    <span>登录</span>
                </div>
                <div class="aa"></div>
            </div>
        </div>
</body>
</html>